<template>
    <TypeNav />
    <ListContainer />
    <Recommend />
    <Rank />
    <Like />
    <Floor v-for="floor in floorList" :key="floor.id" :list="floor" />
    <Brand />
</template>

<script setup lang="ts">
import TypeNav from '@/components/TypeNav.vue'
import ListContainer from './ListContainer.vue'
import Recommend from './Recommend.vue'
import Rank from './Rank.vue'
import Like from './Like.vue'
import Floor from './Floor.vue'
import Brand from './Brand.vue'
import {useHomeStore} from '@/store'
import {computed, onMounted} from 'vue'

const store = useHomeStore()
const floorList = computed(() => store.floorList)

onMounted(() => {
    store.getFloorList()
})
</script>

<style scoped lang="less"></style>
